<template>
  <div id="app">
    <router-view></router-view>
    <section class="bg"></section>
  </div>
</template>

<script>
  export default {
    name: 'app'
  }

</script>

<style>
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .bg {
    opacity: 0.4;
    position: fixed;
    top:0;
    left:0;
    background-image: url('./assets/imgs/bg.jpg');
    background-size: 100vw 100vh;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 100vh;
    z-index:-1;
  }

</style>
